import React, { PureComponent,Fragment } from "react";
import "./index.less";
import {
  ThemeProvider,
  createTheme,
  SoundsProvider,
  createSounds
} from "arwes";
const mySounds = {
  shared: { volume: 1 }, // Shared sound settings
  players: {
    // The player settings
    click: {
      // With the name the player is created
      sound: { src: ["./sound/click.mp3"] } // The settings to pass to Howler
    },
    typing: {
      sound: { src: ["./sound/typing.mp3"] },
      settings: { oneAtATime: true } // The custom app settings
    },
    deploy: {
      sound: { src: ["./sound/deploy.mp3"] },
      settings: { oneAtATime: true }
    }
  }
};
export default class index extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {
    };
  }
  componentDidMount() {
  }
  render() {
    return (
      <ThemeProvider theme={createTheme()} style={{ background: "black" }}>
        <SoundsProvider sounds={createSounds(mySounds)}>
          {this.props.children}
        </SoundsProvider>
      </ThemeProvider>
    );
  }
}
